<template>
    <div>
        <img
            v-if="bgType === 'windowNotice'"
            class="windowNotice"
            :src="this.defaultConfig.windowNotice"
        />
        
        <img
            v-else-if="bgType === 'windowWarning'"
            class="windowNotice"
            :src="this.defaultConfig.windowWarning"
        />
        <div class="noticeText" v-html="dataText"></div>
    </div>
</template>


<script>
export default {
    name: 'Notice',
    data() {
        return {
           // defaultConfig:{}
        }
    },
    props: {
        dataText: String,
        bgType: String,
        defaultConfig: Object
    },
    async mounted() {
        
        
    },
}
</script>


<style  scoped>
.windowNotice {
    width: 250px;
}
.noticeText{
    position: relative;
    color: aliceblue;
    width: 160px;
    margin: 0 auto;
    margin-top: -100px;
    font-size: 14px;
    text-align: left;
}
</style>